﻿<div class="content-wrap">
    <div sustainalytics-navigation-menu navigation-menu-templateurl="Views/Menu/PageMenu.html" navigation-menu-sitemap="SITE" navigation-menu-startnodelevel="2"></div>
    <div class="subnav_1">
        <ul class="greyTabs level_1">
            <li ng-class="[overallAssessment.selected ? 'active' : '', overallAssessment.disabled?'disabled':'']" ng-repeat="overallAssessment in gcMultiCompanyReportCtrl.overallAssessments">
                <a href="" ng-click="gcMultiCompanyReportCtrl.getReportByAssessment(overallAssessment.value)" style="width: 220px;">
                    {{overallAssessment.name}}
                </a>
            </li>
            <div class="clear"></div>
        </ul>
    </div>
    <div class="content">
        <div class="content-pad">
            <div class="clear">&nbsp;</div><br />
            <div class="table">
                <div class="table-row">
                    <div class="table-head width_130">
                        <a href="" ng-if="gcMultiCompanyReportCtrl.selectedAssessment===null" style="margin-bottom: 8px;" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('companyProfile.nameLowercase');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'companyProfile.nameLowercase' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Company Name</a>
                        <a href="" ng-if="gcMultiCompanyReportCtrl.selectedAssessment===2 || gcMultiCompanyReportCtrl.selectedAssessment===1" style="margin-bottom: 20px;" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('companyProfile.nameLowercase');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'companyProfile.nameLowercase' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Company Name</a>
                        
                        <div style="position: absolute; bottom: 5px;" class="table-search-container">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="gcMultiCompanyReportCtrl.gcFilter.companyNameLowerCase" ng-enter="gcMultiCompanyReportCtrl.searchButtonClick()">
                            <input type="button" value="" ng-click="gcMultiCompanyReportCtrl.searchButtonClick()" class="search-btn">
                        </div>                      
                       
                    </div>

                    <div class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('companyProfile.mainExchange');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'companyProfile.mainExchange' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Exchange</a></div>

                    <div class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('companyProfile.mainTicker');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'companyProfile.mainTicker' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Ticker</a></div>

                    <div class="table-head width_130">
                        <a href="" style="margin-bottom: 8px;" ng-if="gcMultiCompanyReportCtrl.selectedAssessment===null" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('companyProfile.industry');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'companyProfile.industry' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Industry</a>
                        <a href="" style="margin-bottom: 20px;" ng-if="gcMultiCompanyReportCtrl.selectedAssessment===2 || gcMultiCompanyReportCtrl.selectedAssessment===1" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('companyProfile.industry');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'companyProfile.industry' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Industry</a>                        <div class="table-search-container" style="position: absolute; bottom: 5px;">
                            <input type="text" class="search-inp ng-valid ng-dirty table-search" ng-model="gcMultiCompanyReportCtrl.gcFilter.industry" ng-enter="gcMultiCompanyReportCtrl.searchButtonClick()">
                            <input type="button" value="" ng-click="gcMultiCompanyReportCtrl.searchButtonClick()" class="search-btn">
                        </div>
                    </div>

                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-head width_130 center-align">
                        <a href="" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('overallCompanyAssessment');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'overallCompanyAssessment' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Overall Assesment</a>
                        <div class="table-search-container">
                            <select class="select-style" ng-change="gcMultiCompanyReportCtrl.searchButtonClick()" ng-model="gcMultiCompanyReportCtrl.gcFilter.overallAssessmentFilter" ng-options="o.value as o.text for o in gcMultiCompanyReportCtrl.overallAssessmentOptions">
                            <option value=""></option>
                        </select>
                    </div>
                        
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===2 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-head width_130">
                        <a href="">Principle(s) Breached</a>
                        <div class="table-search-container">
                            <div ng-dropdown-multiselect events="gcMultiCompanyReportCtrl.myEvents" options="gcMultiCompanyReportCtrl.gcPrinciplesOptions" selected-model="gcMultiCompanyReportCtrl.gcPrinciplesNCFilter"></div>
                        </div>                        
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===2 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-head width_130 center-align"><a href="" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('nonCompliantSince');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'nonCompliantSince' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Non-Compliant Since</a></div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===1 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-head width_130">
                        <a href="">Principle(s) at Risk of Breach</a>
                        <div class="table-search-container">
                            <div ng-dropdown-multiselect events="gcMultiCompanyReportCtrl.myEvents" options="gcMultiCompanyReportCtrl.gcPrinciplesOptions" selected-model="gcMultiCompanyReportCtrl.gcPrinciplesWLFilter"></div>
                        </div>                        
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===1 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-head width_60 center-align"><a href="" class="sortable_placeholder" ng-click="gcMultiCompanyReportCtrl.setOrderByCol('watchListSince');" ng-class="gcMultiCompanyReportCtrl.orderByCol === 'watchListSince' ? (gcMultiCompanyReportCtrl.orderByAsc ? 'sortable_up' : 'sortable_down') : null">Watchlist Since</a></div>
                </div>
                <div class="{{$index % 2==1 ? 'table-row odd': 'table-row'}}" ng-repeat="company in gcMultiCompanyReportCtrl.companyReportList">
                    <div class="table-cell width_290" ng-class="{'last':$last}" style="border-left: 1px solid #e0e0e0;">
                        <a href="" data-ng-if="(gcMultiCompanyReportCtrl.gcPermissions.hasWL && company.overallCompanyAssessment == 1) || (gcMultiCompanyReportCtrl.gcPermissions.hasNC && company.overallCompanyAssessment == 2)" ng-click="gcMultiCompanyReportCtrl.redirectToCompanyPage(company.companyProfile.nameUrlFriendly, company.overallCompanyAssessment)" title="{{company.companyProfile.name}}">{{company.companyProfile.name}}</a>
                        <div data-ng-if="(!gcMultiCompanyReportCtrl.gcPermissions.hasWL && company.overallCompanyAssessment == 1) || (!gcMultiCompanyReportCtrl.gcPermissions.hasNC && company.overallCompanyAssessment == 2)">{{company.companyProfile.name}}</div>
                    </div>
                    <div class="table-cell width_90 center-align" ng-class="{'last':$last}">
                        {{company.companyProfile.mainExchange}}
                    </div>
                    <div class="table-cell width_90 center-align" ng-class="{'last':$last}">
                        {{company.companyProfile.mainTicker}}
                    </div>
                    <!--<div class="table-cell width_130">
                        {{company.companyProfile.country}}
                    </div>-->
                    <div class="table-cell width_130" ng-class="{'last':$last}">
                        {{company.companyProfile.industry}}
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-cell width_130 center-align" style="width: 60px;" ng-class="{'last':$last}">
                        {{gcMultiCompanyReportCtrl.getGCCSAssesmentByValue(company.overallCompanyAssessment)}}

                    </div>


                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===2 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-cell width_130" style="position: relative;" ng-class="{'last':$last}">
                        <span ng-repeat="pr in company.nonCompliantPrinciples">
                            <span class="principle-lynk">{{pr.name}}</span>
                            <span class="principle-lynk-expl">
                                {{pr.description}}
                            </span>
                        </span>
                        <span data-ng-if="!company.nonCompliantPrinciples.length">N/A</span>
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===2 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-cell width_130 center-align" ng-class="{'last':$last}">
                        {{company.nonCompliantSinceQuarter}}
                        <span data-ng-if="!company.nonCompliantSinceQuarter">N/A</span>
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===1 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-cell width_130" style="position: relative;" ng-class="{'last':$last}">
                        <span ng-repeat="pr in company.watchListPrinciples">
                            <span class="principle-lynk">{{pr.name}}</span>
                            <span class="principle-lynk-expl">
                                {{pr.description}}
                            </span>
                        </span>
                        <span data-ng-if="!company.watchListPrinciples.length">N/A</span>
                    </div>
                    <div ng-if="gcMultiCompanyReportCtrl.selectedAssessment===1 || gcMultiCompanyReportCtrl.selectedAssessment===null" class="table-cell width_60 center-align" ng-class="{'last':$last}">
                        {{company.watchListSinceQuarter}}
                        <span data-ng-if="!company.watchListSinceQuarter">N/A</span>
                    </div>
                </div>
            </div>
            <sustainalytics-pager></sustainalytics-pager>
        </div>
    </div>
</div>